// components/tuijian-ctrl/tuijian-ctrl.js
let userInfo = {}
const db = wx.cloud.database()
let dianzan = false
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    tuijianId: String,
    tuijian: Object,
  },
  externalClasses: ['iconfont', 'icon-pinglun', 'icon-fenxiang'],

  /**
   * 组件的初始数据
   */
  data: {
    // 登录组件是否显示
    loginShow: false,
    // 底部弹出层是否显示
    modalShow: false,
    content: '',
    dianzanUrl:"../../images/dianzan_2.png"
  },

  /**
   * 组件的方法列表
   */
  methods: {
clickMe(){
  wx.showLoading({
    title: '点赞中',
    mask: true,
  })
  db.collection('dianzan').add({
    data: {
      content:userInfo.content,
      createTime: db.serverDate(),
      tupianId: this.properties.tuijianId,
      nickName: userInfo.nickName,
      avatarUrl: userInfo.avatarUrl,
      biaoqian:userInfo.biaoqian
    }
  }).then((res) => {
    wx.hideLoading()
    wx.showToast({
      title: '点赞成功',
    })
    this.setData({
      dianzanUrl: dianzan ? "/images/dianzan_1.png" :"/images/dianzan_2.png"
    })
    dianzan=!dianzan
    // 父元素刷新评论页面
    this.triggerEvent('refreshCommentList')
  })
},

    onComment() {
      // 判断用户是否授权
      wx.getSetting({
        success: (res) => {
          if (res.authSetting['scope.userInfo']) {
            wx.getUserInfo({
              success: (res) => {
                userInfo = res.userInfo
                // 显示评论弹出层
                this.setData({
                  modalShow: true,
                })
              }
            })
          } else {
            this.setData({
              loginShow: true,
            })
          }
        }
      })
    },

    onLoginsuccess(event) {
      userInfo = event.detail
      // 授权框消失，评论框显示
      this.setData({
        loginShow: false,
      }, () => {
        this.setData({
          modalShow: true,
        })
      })
    },

    onLoginfail() {
      wx.showModal({
        title: '授权用户才能进行评价',
        content: '',
      })
    },
    onSend(event) {
      console.log(event)
      // 插入数据库
      let formId = event.detail.formId
      let content = event.detail.value.content
      if (content.trim() == '') {
        wx.showModal({
          title: '评论内容不能为空',
          content: '',
        })
        return
      }
      wx.showLoading({
        title: '评论中',
        mask: true,
      })
      db.collection('meitu-pl').add({
        data: {
          content,
          createTime: db.serverDate(),
          tuijianId: this.properties.tuijianId,
          nickName: userInfo.nickName,
          avatarUrl: userInfo.avatarUrl,
        }
      }).then((res) => {
        wx.hideLoading()
        wx.showToast({
          title: '评论成功',
        })
        this.setData({
          modalShow: false,
          content: '',
        })
        // 父元素刷新评论页面
        this.triggerEvent('refreshCommentList')
      })
    },

  }
})